@charset "utf-8";
/* global */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; vertical-align: middle;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier,monospace;}
small {font-size: 12px;}
ul, ol{list-style: none;}
a {text-decoration: none;}
a:hover{text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend{color: #000;}
fieldset, img{border: 0;}
button, input, select, textarea{font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clear float */
.clearfix:after {clear: both; content: '.'; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

/* custom */
body {background: #fff url(bg.png) repeat-x top;}
body,select,input,textarea {color: #555; font: normal 12px normal Arial, Helvetica, sans-serif; vertical-align: middle;}
a {color: #555; text-decoration: none;}
a:hover {color: #F00; text-decoration: underline;}
.border {border: solid 1px #dadada;}
.mag {margin-top: 15px;}
.pad {padding: 8px;}
.more {display: block; float: right; height: 35px; width: 60px;}
.title {background: url(title.jpg) no-repeat; color: #555; font: bold 12px/33px normal; height: 33px; padding-left: 20px;}
.sipt {background: url(sipt.png) no-repeat; border: solid 1px #eaeaea; padding: 3px;}
.sbtn {background: #ed2900; border: 0; color: #FFF; padding: 3px 5px;}
/* wrapper */
#wrapper {margin: 0px auto; width: 950px;}
/* header */
#header {}
#tophead {height: 100px;}
.logo {background: url(spirit.png) no-repeat 0 0; display: block; float: left; height: 100px; width: 460px;}
.tel {background: url(spirit.png) no-repeat -380px 0; display: none; float: right; height: 100px; width: 200px;}
/* mainnav */
#mainnav {}
.navbar {display: block; height: 45px;}
.navbar li {display: block; float: left; font: normal 16px/45px '微软雅黑'; width: 115px;}
.navbar li a {color: #fff; display: block; text-align: center;}
.navbar li a:hover {background: #76ac10; border: solid 2px #690; border-top: 0; border-bottom: 0; color: #fff; text-decoration: none;}
.navbar li ul {background: #fff; border: solid 2px #690; border-top: 0; display: none; padding: 3px 0px; position: absolute; width: 112px;}
.navbar li ul li {border-bottom: dashed 1px #dadada; display: block; float: none; font: normal 12px/30px normal; margin: 0 auto; width: 100px;}
.navbar li ul li a {color: #555;}
.navbar li ul li a:hover {background: #690; color: #fff; text-decoration: none;}
.navbar li:hover ul {display: block;}
.navbar li.sfhover ul {display: block;}
.navbar li.navline {background: url(spirit.png) no-repeat -603px 0; display: block; height: 45px; width: 1px;}
#flash {height: 350px; overflow: hidden;}
/* business */
#business {background: url(spirit.png) no-repeat 0 -110px; display: block; height: 90px;}
#business span {display: block; float: left; height: 90px; width: 90px;}
#business a {display: block; float: left; height: 90px; margin-right: 45px;   width: 125px;}
/* homebox */
#homebox {}
/* cols1 */
#cols1 {}
/* about */
#about {float: left; width: 300px;}
#about dt {background: url(spirit.png) no-repeat -136px -210px; display: block; height: 35px;}
#about dd {line-height: 25px; padding: 8px;}
#about dd span {background: url(spirit.png) no-repeat 0px -210px; display: block; float: left; height: 89px; margin: 5px 10px 0 0; width: 126px;}
/* news */
#news {float: left; margin-left: 20px; width: 330px;}
#news dt {background: url(spirit.png) no-repeat -136px -255px; display: block; height: 35px;}
#news dd {padding: 5px;}
.newslist {}
.newslist li {background: url(arrow.gif) no-repeat left center; display: block; overflow: hidden; padding: 6px; padding-left: 15px; white-space: nowrap;}
.newslist li span {float: right; font-size: 10px;}
/* slide */
#slide {float: right; width: 280px;}
#slide dt {background: url(spirit.png) no-repeat -136px -300px; display: block; height: 35px;}
#slide dd {line-height: 23px; padding-top: 10px;}
/* casebox */
#casebox {}
#casebox dt {background: url(spirit.png) no-repeat 0 -345px; display: block; height: 35px;}
#casebox dd {padding: 10px;}
.marquee {height: 170px; margin: 0px auto; width: 930px; overflow: hidden;}
.marquee li {text-align: center;}
.marquee li img {}
.level li {float: left;}
.caselist {margin: 10px 0px 0px 7px;}
.caselist li {float: left; margin: 1px; padding: 5px 13px;}
.caselist li img {background: #fff; border: solid 1px #dadada; padding: 2px;}
.caselist li strong {display: block; font-weight: normal; height: 14px; margin-top: 3px; overflow: hidden; text-align: center; width: 136px;}
/* footer */
#footer {background: #fbf9fa; height: 80px; line-height: 23px; padding-top: 5px; text-align: center;}